<!-- <!DOCTYPE html> -->
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta content="telephone=no" name="format-detection">
    <meta name="data-spm" content="a3c0d" />
    <meta name="format-detection" content="email=no">
    <meta content="telephone=no" name="format-detection" />
    <title>摩鱼新能源-智慧能源解决方案提供商</title>
    <meta name="keywords" content="摩鱼新能源,摩鱼充电,摩鱼换电,摩鱼用车,摩鱼智能充电机器人,摩鱼充电柜">
    <meta name="description" content="充电换电找摩鱼！摩鱼新能源是利用物联网技术和互联网应用，服务短途出行领域的动力能源供给和共享平台。">
    <meta name="viewport" content="width=width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link href="src/images/favicon.ico" rel="shortcut icon" type="image/x-icon">
    <link href="src/css/swiper.min.css" rel="stylesheet" type="text/css">
    <link href="src/css/animate.css" rel="stylesheet" type="text/css">
    <link href="src/css/common.css" rel="stylesheet" type="text/css">
    <link href="src/css/page.css" rel="stylesheet" type="text/css">
    <link href="src/css/news.css" rel="stylesheet" type="text/css">
</head>

<body>
    <header>
        <div class="container">
            <div class="navbar-logo">
                <a class="logo mr_l_32" href="index.html"></a>
                <div class="nav-title">关于摩鱼</div>
                <div class="menuIcon menu-fold"></div>
            </div>
            <ul class="navbar-nav animated">
                <li>
                    <a href="product.html">产品与设备</a>
                </li>
                <li>
                    <a href="service.html">系统与服务</a>
                </li>
                <li>
                    <a href="solution.html">解决方案</a>
                </li>
                <li>
                    <a href="cooperation.html">业务合作</a>
                </li>
                <li>
                    <a href="news.html">关于摩鱼</a>
                </li>
                <li class="websystem">
                    <a target="_blank" href="https://m-1.uma.com/v2/login/login">运营商后台</a>
                </li>
            </ul>
        </div>
    </header>
    <div class="wrapper">
        <div class="mod-news">
            <div class="news-top">
                <div class="news-top-box" style="display: block;">
                    <div class="new-top-title">关于摩鱼</div>
                    <div class="new-top-en">ABOUT MOFISH</div>
                </div>
                <div class="news-top-box" style="display: none;">
                    <div class="new-top-title">新闻动态</div>
                    <div class="new-top-en">NEWS</div>
                </div>
            </div>
            <div class="news-main">
                <div class="news-box">
                    <div class="news-tabs">
                        <span class="active">摩鱼简介</span>
                        <span>新闻动态</span>
                    </div>
                    <div class="m-news-tabs">
                        <div class="news-font active">摩鱼简介</div>
                        <div class="news-font">新闻动态</div>
                    </div>
                    <div class="news-content news-introduce" style="display: block;">
                        <div class="news-item">
                            <div class="news-item-top">
                                <span class="left-num">
                                    <img src="src/images/01.png">
                                </span>
                                <div class="right-content">
                                    <div class="right-title">简介</div>
                                    <div class="right-title-en">ABOUT US</div>
                                </div>
                            </div>
                            <div class="news-item-bottom">
                                <div class="right-sub-title">城市骑行动力驿站</div>
                                <div class="right-content-detail">杭州摩鱼新能源有限公司利用物联网技术和互联网应用服务短途出行领域的动力能源供给和动力能源共享平台。</div>
                                <div class="right-content-detail">摩鱼采用空间成本优势和新零售理念，整合非机动车库（含商业综合体、写字楼、社区）、电动车门店、骑手网店，为骑手用户和普通用户提供充电、换电、用车、救援等一站式自主化服务，致力于建设城市骑行动力驿站。</div>
                            </div>


                        </div>
                        <div class="news-item next-item">
                            <div class="news-item-top">
                                <span class="left-num" style="width:70px;">
                                    <img src="src/images/02.png">
                                </span>
                                <div class="right-content">
                                    <div class="right-title">愿景</div>
                                    <div class="right-title-en">COMPANY VISION</div>

                                </div>
                            </div>
                            <div class="news-item-bottom">
                                <div class="right-sub-title">摩鱼要做互联网时代的自来水业务</div>
                                <div class="right-content-detail">电网、加油站、自来水，是工业时代留给我们的产物，它们为我们极大地推动了世界进步；</div>
                                <div class="right-content-detail">互联网、云计算、移动通讯是信息时代的基础建设，已经改变了我们生活方式；</div>
                                <div class="right-content-detail">我们处在一个互联网+的时代，互联网将渗透到各行各业，提升效率，改变模式，创造未来；</div>
                                <div class="right-content-detail">摩鱼充电抱着做互联网时代能源自来水业务的愿景，从电动两轮车切入能源互联网，打造分布式能源结构，以“用我的能量，移动你的世界”为使命，立志服务于短途出行领域。</div>
                            </div>
                        </div>
                    </div>
                    <div class="news-content news-dynamic" style="display: none;">
                        <ul class="news-container J_newList page_info">
                        </ul>
                        <!-- 加载更多 -->
                        <div class="news-more">没有更多了</div>
                        <!-- pagination-->
                        <div id="my-pagination"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer id="footer">
        <div class="container smallText">
            <div class="footer-content clearfix">
                <div class="logo footer-logo"></div>
                <div class="footer-col-list clearfix">
                    <div class="footer-col">
                        <ul>
                            <li class="footer-item"><a href="product.html">产品设备</a></li>
                        </ul>
                    </div>
                    <div class="footer-col">
                        <ul>
                            <li class="footer-item"><a href="service.html">系统服务</a></li>
                        </ul>
                    </div>
                    <div class="footer-col">
                        <ul>
                            <li class="footer-item"><a href="solution.html">案例展示</a></li>
                        </ul>
                    </div>
                    <div class="footer-col">
                        <ul>
                            <li class="footer-item"><a href="cooperation.html">业务合作</a></li>
                        </ul>
                    </div>
                    <div class="footer-col">
                        <ul>
                            <li class="footer-item"><a href="news.html">关于摩鱼</a></li>
                        </ul>
                    </div>
                </div>
                <div class="footer-contract-container">
                    <div class="footer-contract">
                        <div class="footer-phone bigText"> 400-833-1806</div>
                        <div class="footer-add">联系邮箱：mofish@uma.com</div>
                    </div>
                    <div class="footer-social clearfix">
                        <div class="footer-wechat"></div>
                        <a class="footer-weibo" href="https://weibo.com/u/6437761137?topnav=1&wvr=6&topsug=1" target="_blank"></a>
                        <div class="footer-zhifubao"></div>
                    </div>
                </div>
            </div>
            <div class="footer-copyright">
                <div class="footer-frlink"><span>友情链接</span><a target="_blank" href="http://uma.com/">云造科技</a></div>
                <div class="footer-copyright-main">
                    <span class="footer-copyright-text">
                        <div class="copyright">Hangzhou Mofish New Energy Co.Ltd.All Rights Reserved.</div>
                        <span class="company-name">杭州摩鱼新能源有限公司</span>
                    <span class="line">|</span>
                    <span class="company-name">杭州市拱墅区中国智慧信息产业园3期F座5楼</span>
                    </span>
                    <!-- <span class="footer-copyright-text line">|</span>
                    <a class="copyright-link infor" href="/">法律信息</a>
                    <span class="footer-copyright-text line">|</span>
                    <a class="copyright-link privacy" href="/">隐私条款</a> -->
                    <!-- <div class="footer-language cnIcon">
                        <div class="current-language">
                            <select name="language" id="region" class="current-language-text">
                                <option value="1" selected="">中文</option>
                                <option value="2">GLOBAL</option>
                            </select>
                        </div>
                    </div> -->
                    <p class="footer-copyright-text beian">浙ICP备13036478号-13</p>
                    <a target="_blank" href="http://mofisher.mikecrm.com/kfJ8sBn" class="footer-maike"><span>咨询留言</span></a>
                </div>
            </div>
        </div>
    </footer>
    <!-- 回到顶部 -->
    <div class="gotop-wrap">
        <div class="gotop" id="gotop" style="display: none;">
            <div class="icon"></div>
        </div>
    </div>
    <!--咨询留言-->
    <a target="_blank" href="http://mofisher.mikecrm.com/kfJ8sBn" class="maikeBtn">
        <span>咨询留言</span>
    </a>
    <script src="src/js/rem.js"></script>
    <script type="text/javascript" src="http://tajs.qq.com/stats?sId=65832964" charset="UTF-8"></script>
    <script src="src/js/jquery-2.2.3.min.js"></script>
    <script src="src/js/common.js"></script>
    <script src="src/js/m.js"></script>
    <script src="src/js/news.js"></script>
    <script>
        /***360**/
        (function (b, a, e, h, f, c, g, s) {
            b[h] = b[h] || function () {
                (b[h].c = b[h].c || []).push(arguments)
            };
            b[h].s = !!c;
            g = a.getElementsByTagName(e)[0];
            s = a.createElement(e);
            s.src = "//s.union.360.cn/" + f + ".js";
            s.defer = !0;
            s.async = !0;
            g.parentNode.insertBefore(s, g)
        })(window, document, "script", "_qha", 261376, false);
        var showScroll = false;//滚动事件
        var showTag = location.href[location.href.length - 1] == 2 ? true : false;
        if (showTag === true) {
            if(window.screen.width>750){
                for (var i = 0; i < 2; i++) {
                    $('.news-top-box').eq(i).hide();
                    $('.news-content').eq(i).hide();
                    $('.news-tabs span').eq(i).removeClass('active');
                }
                showScroll = true;
                $('.news-top-box').eq(1).show()
                $('.news-tabs span').eq(1).addClass('active');
                $('.news-content').eq(1).show();
            }else{
                for (var i = 0; i < 2; i++) {
                    $('.news-top-box').eq(i).hide();
                    $('.news-content').eq(i).hide();
                    $('.m-news-tabs .news-font').eq(i).removeClass('active');
                }
                $('.news-top-box').eq(1).show()
                $('.m-news-tabs .news-font').eq(1).addClass('active');
                $('.news-content').eq(1).show();
            }
            

        }
        
        $('.news-tabs span').on('click', function () {
            $(this).addClass('active').siblings().removeClass('active');
            $('.news-content').hide().eq($('.news-tabs span').index(this)).show();
            $('.news-top-box').hide().eq($('.news-tabs span').index(this)).show();
        });
        $('.m-news-tabs .news-font').on('click', function () {
            $(this).addClass('active').siblings().removeClass('active');
            $('.news-content').hide().eq($('.m-news-tabs .news-font').index(this)).show();
            $('.news-top-box').hide().eq($('.m-news-tabs .news-font').index(this)).show();
        });
    </script>
</body>

</html>